
body {  width:100%; height:100%; margin: 0; padding: 0; font: 14px 'century gothic', Arial; color: #fff; }

body { background-image: url(../images/binary_background_black.jpg); background-position: 0 0; background-repeat:repeat-y; position: absolute; z-index:0; background-size: 100%;}

a { color:#fff; text-decoration:none; }

a:hover { color:#aeaeae; }

#header { margin:2% auto; width:970px; height:70px; text-align:center; }

#header #login {z-index:5; position:fixed; left:37%;  top:10%; padding:5px; border:2px dotted #fff; color: #fff; -moz-opacity: 0.0; -webkit-opacity: 0.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0.0; }

#header #login input { border:1px solid #fff; background:transparent; color: #fff; }

#header #login #submit { border:1px solid #fff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#header #login #submit:hover { color: #aeaeae; }

#header #login .close:hover { cursor:pointer; }

#header .logo { float:left; margin:-10px 0 0 10px; }

#header .logo img { height:90px; }

#header #menu { float:right; }

#main #main-background2 { margin:0 auto; background-color:#777; opacity:0.8; filter:alpha(opacity=80); padding:10px;  z-index:3;  border-radius:35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;}

#main #main-background { margin:0 auto; background-color:#353535;  padding:20px 30px 20px 30px;  z-index:4;  border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}

#main {  width:1000px; margin:0 auto;  z-index:1; font: 16px 'arial';  z-index:2; }

#main h1 { font: 42px 'century gothic';  margin-bottom:20px;}

#main #slideshow { margin:0 auto; width:920px;  background:transparent; position:relative; top:0px; left:0px; z-index:3; }

#main #slideshow #slidesContainer {  margin:0 auto;  width:850px;   position:relative; word-spacing:2px; z-index:4; }

#main #slideshow .control { display:block; width:39px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer; } 

#main #slideshow #leftControl { top:80px; left:-20px; background:transparent url(../images/control_left.gif) no-repeat 0 0; margin-right:20px; } 

#main #slideshow #rightControl { top:80px; right:-20px; background:transparent url(../images/control_right.gif) no-repeat 0 0; margin-left:20px;}

#main #slideshow #slidesContainer .slide span { clear:both; z-index:5;}

#main #slideshow #slidesContainer .slide {  margin:0 auto;  width:850px;  padding-bottom:20px; z-index:5;}

#main #slideshow #slidesContainer .slide img { float:left; padding:15px 15px 15px 0; z-index:6;}

#main #kontakt-table { width:100%; }

#main #kontakt-table { background-color:#353535; z-index:4;  box-shadow: 5px 7px 5px #353535; -webkit-box-shadow: 5px 7px 5px #353535;-moz-box-shadow: 5px 7px 5px #353535;padding:0px 30px 20px 30px; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }

#main #kontakt-table #info-title{ width:170px;  margin-bottom:50px; font-size:large; }

#main #kontakt-table #kontakt-info { padding-right:50px; margin:0 auto; line-height:30px; }

#main #kontakt-table span { background:transparent; color: #fff; font-family: verdana; }

#main #kontakt-table input { background:transparent; color: #fff; font-family: verdana; border:1px solid #fff; height:30px; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#main #kontakt-table textarea#message { width:400px; height:100px; background:transparent; color: #fff; font-family: verdana; border:1px solid #fff; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#main #kontakt-table .kontakt-button { margin-left:20px; padding:5px 15px 5px 15px; width:70px; height:30px; border:1px outset #aeaeae; background:transparent; color:#fff; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; z-index:6; }

#main #kontakt-table .kontakt-button:hover { border:1px inset #aeaeae; }

#main .map { display:none; position: absolute; top:160px; left:320px; z-index:10; }

#main #kontakt-info {width:170px; margin-left:50px; z-index:6; line-height:30px; }

#main .close-map1 { position:absolute; top:-4%; right:-2%; }

#main .close-map1:hover { cursor:pointer; }

#main .close-map2 { position:absolute; top:-4%; right:-2%; }

#main .close-map2:hover { float:left; cursor:pointer; }

#main .close-map3 { position:absolute; top:-4%; right:-2%; }

#main .close-map3:hover { float:left; cursor:pointer; }

#main #onama-content { margin: 0 auto; padding:0px 30px 20px 30px;  width:800px; }

#main #onama-content h1 { width:190px;  margin-bottom:20px; }

#main #reference-content { margin:0 auto; padding:0px 30px 20px 0px;  width:800px; }

#main #reference-content h1 { width:190px;  margin-bottom:20px; }

#main #usluge-content { margin:0 auto;  padding:0px 30px 20px 30px; width:800px; }

#main #usluge-content h1 { width:150px;  margin-bottom:20px; }

#footer { position:relative; bottom:-20px; width:950px; margin: 0 auto; }

#footer #copyright {float:left; font-size:10px; padding:10px; margin:20px 0 0 0; width:300px;}

#footer .smover { float:right; margin:0 0 100px 0; width:220px;  overflow:hidden; font-size:18px; }

#footer .smover ul { display:none; list-style: none; margin-top: 10px; width: 100%;  float:left; }

#footer .smover ul li { float: left; padding-right:10px;}

#footer .smover ul li .button { display: block; margin-top: 5px; padding: 5px 5px 0;  }

#footer .smover ul li .button img { border:none; }

#footer .smover .clearfix:before, .clearfix:after { content: ""; display: table; }

#footer .smover .clearfix:after { clear: both; }

#footer .smover .clearfix { zoom: 1; height: 1px; }

#sliderWrap { position:absolute;  text-align:center;}

#sliderWrap #slider { position: fixed; top:0px; left:34em; width: 240px; height: 100px; margin-top: -40px; opacity:0.8; filter:alpha(opacity=80); }

#sliderWrap  #slider img { border: 0; }

#sliderWrap #openCloseIdentifier { width:70px; height:70px; display:none;}

#sliderWrap #slider #sliderContent #changeFont { color:#fff; font-size:14px; }

#changeFont .increaseFont img { height:20px; }

#changeFont .decreaseFont img { height:20px; }

#changeFont .resetFont { font-size:14px; color:#fff; }

#admin { padding:0px 0px 20px 0px; }

#admin-header { padding:0px 0 20px 0px; }

#admin-content { font: 14px 'Century Gothic'; width:303px; margin-right: 2px; }

#admin-content .title { height:40px; }

#admin-content .admin-input { background:transparent; width:287px; border:1px solid #777; border-radius:3px; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

#admin-content .img-font { font-size: 12px; }

#admin-preview {  width:500px; float:right; margin:-460px 20px 0 0; overflow-y:auto;overflow-x:auto; background-color:#353535; opacity:0.8; filter:alpha(opacity=80); ; z-index:4;  box-shadow: 5px 7px 5px #353535; -webkit-box-shadow: 5px 7px 5px #353535;-moz-box-shadow: 5px 7px 5px #353535; padding:10px 20px 30px 30px; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}

#container{	background: transparent; margin:0 auto;	padding:0;	position:absolute;	bottom:0px;	left:0px; text-align: center; }

#barContainer { display:none; background: transparent; line-height:10px; height:50px; margin: 0 auto; position:absolute; top:100px;	left:0px; width:100%; z-index:15; }

#barContainer #bar #quote{	text-align: center;	margin: 0pt auto; font-style:italic; font-weight:bold; }


